<template>
  <Source src="/code/VitalSigns.vue"></Source>
  <el-row>
    <el-form-item label="体温单ID">
      <el-col :span="24"><el-input v-model="vitalSignsId"></el-input></el-col>
    </el-form-item>
    <el-button-group style="margin-left: 20px">
      <el-button plain type="primary" @click="createVitalSigns()">创建体温单</el-button>
      <el-button plain type="primary" @click="updateVitalSigns()">更新体温单</el-button>
    </el-button-group>
    <el-button-group style="margin: 0 20px">
      <el-button plain type="primary" @click="createBabyVitalSigns()">新生儿体温单</el-button>
    </el-button-group>
    <el-button-group style="margin-left: 20px">
      <el-button plain type="primary" @click="execCommand('preview')">打印预览</el-button>
      <el-button plain type="primary" @click="execCommand('print')">打印</el-button>
    </el-button-group>
  </el-row>
  <Editor @load="onLoad" style="margin: 10px 0"></Editor>
</template>

<script setup>
import { ref } from 'vue'

const vitalSignsId = ref('')

let editor = null
//初始化后
const onLoad = function (e) {
  editor = e.target.contentWindow.editor
}

//文档命令
const execCommand = cmd => {
  editor.execCommand(cmd)
}
//添加体温单
const createVitalSigns = () => {
  let data = {
    'id': vitalSignsId.value,
    'name': '吴晓莉',
    'inDate': '2023-08-01',
    'diag': '新型冠状病毒肺炎',
    'dept': '呼吸内科',
    'bed': '801',
    'medicalNo': '202300991',
    'begin': '2023-08-01',
    'operateDate': '2023-08-03',
    'notes': '入院-十时二十分,,转入ICU,,,,,,,手术,,,,,,,,,,,,,,,出院,死亡于×时×分',
    'sphygmus': '112,110,109,103,108,85,90,83,90,103,108,85,90,83,90,,90,83,90,103,108,85,90,83,90',
    'heart': '112,120,118,111,,,,,,,112,120,118,111',
    'tempType': '0,1,2,3,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1',
    'temperature':
      '38.7,38.9,38.5,39.1|37.1,38.5,38.5,,,38.5,38.5|36.9,38.4,38.8,,38.5,38.6,38.8,,38.9,38.8,38.5,38.6,38.8,,38.9,38.8,34,34.0',
    'breath': '30,30,R,,35,35,35,35,35,35,35,35,,R,R,35,35,,R,,,35,35,,R',
    'labels': '血压(mmHg)|入水量(ml)|出水量(ml)|大便(次)|小便(次)|身高(cm)|体重(kg)|过敏药',
    'data1': '120/85,121/84,,110/75,',
    'data2': '1180ml,,,500ml,,40ml',
    'data3': '500ml,,,,500ml,,67ml',
    'data4': '2,4,5,3,3,3,2,,2',
    'data5': '2,4,5,3,3,3,2,,2',
    'data6': '167cm,,,,,,,,,164cm',
    'data7': '95kg,,,,,90kg',
    'data8': '青霉素,',
    'data9': '测试,'
  }
  vitalSignsId.value = editor.createVitalSigns(data)
}

//更新体温单
const updateVitalSigns = () => {
  let data = {
    'id': vitalSignsId.value,
    'name': '吴晓莉',
    'inDate': '2023-08-01',
    'diag': '新型冠状病毒肺炎',
    'dept': '呼吸内科',
    'bed': '801',
    'medicalNo': '202300991',
    'begin': '2023-09-01',
    'operateDate': '2023-08-03',
    'notes': ',,,,,,,,,,,,,,出院,死亡于×时×分',
    'sphygmus': '112,110,109,103,108,85,90,83,90,103,108,85,90,83,90,90,90,83,90,103,108,85,90,83,90',
    'heart': ',,,,,,112,120,118,111,,,110,120,120,118,111,100',
    'tempType': ',,,,,,0,1,2,3,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1',
    'temperature':
      ',,,,,,38.7,38.9,38.5,39.1,38.5,38.5,,,38.5,38.5,38.4,38.8,,38.5,38.6,38.8,,38.9,38.838.5,38.6,38.8,,38.9,38.8,34,34.0',
    'breath': ',,,,,,30,30,R,,35,35,35,35,35,35,35,35,,R,R,35,35,,R,,,35,35,,R',
    'labels': '血压(mmHg)|入水量(ml)|出水量(ml)|大便(次)|小便(次)|身高(cm)|体重(kg)|过敏药',
    'data1': ',,,,,,120/85,121/84,,110/75,',
    'data2': ',,,,,,1180ml,,,500ml,,40ml',
    'data3': '500ml,,,,500ml,,67ml',
    'data4': '2,4,5,3,3,3,2,,2',
    'data5': '2,4,5,3,3,3,2,,2',
    'data6': '167cm,,,,,,,,,164cm',
    'data7': '95kg,,,,,90kg',
    'data8': '青霉素,',
    'data9': '测试,',
    'pain': '2,2,4,5,8,8,9|2,6|3,,,4,4,4'
  }
  vitalSignsId.value = editor.createVitalSigns(data)
}

//添加新生儿体温单
const createBabyVitalSigns = () => {
  let data = {
    'id': vitalSignsId.value,
    'type': 'baby',
    'name': '吴晓莉',
    'inDate': '2023-08-01',
    'sex': '男',
    'dept': '妇产科',
    'bed': '801',
    'medicalNo': '202300991',
    'begin': '2023-08-01',
    'notes': '出生-十时二十分',
    'weight': '3200,,,,3300,,,,3400,,,,3400,,,,3500,,,,3400,,,,',
    'heart': '112,120,118,111,,,,,,,112,120,118,111',
    'tempType': '2,2,2,3,2,1,2,2,2,1,2,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1',
    'temperature':
      '37.7,37.9,38.5,37.1,37.5,38.5,,,37.5,38.5,37.4,37.8,,37.5,37.6,37.8,,37.9,37.8,37.5,38.6,37.8,,37.9,37.8',
    'physicalcool': ',,,37.6,,,,,,,,37.5,,,,,,,,,37.4,,',
    'breath': '30,30,R,,35,35,35,35,35,35,35,35,,R,R,35,35,,R,,,35,35,,R',
    'labels': '血压(mmHg)|入水量(ml)|出水量(ml)|大便(次)|小便(次)',
    'data1': '120/85,121/84,,110/75,',
    'data2': '1180ml,,,500ml,,40ml',
    'data3': '500ml,,,,500ml,,67ml',
    'data4': '2,4,5,3,3,3,2,,2',
    'data5': '2,4,5,3,3,3,2,,2'
  }
  //第二个参数isBaby:true
  editor.createVitalSigns(data)
}
</script>
